/* 	BEGIN: SPECIAL HIDING PROPERTIES NOTES
		-To display only on mobile, tag it with an "OnlyMobile" class
		-To only show content on a certain affiliate site, tag it with an Affiliate class, and then another class to unhide just for that affiliate
		-To show something only when looking at your own chart, not in proxy mode, tag it with a "selfmode" class
		-To only show when looking at someone else's chart, use "proxymode" class.
	END: SPECIAL HIDING PROPERTIES NOTES */
.hideobject,
.subletteonly, /* Only shown on Sublette Site */
body.md_medications_list #wrap #content #main div.title #assistiveicons, /* Hides print icon to Epic default Meds list report. We use our own! */
label[for="legalSex4"], /* Hides Legal Sex option [Unknown] label on Signup */
#legalSex4, /* Hides Legal Sex option [Unknown] item on Signup */
/* label[for="legalSex3"], Hides Legal Sex option [NonBinary] label on Signup */
/* #legalSex3, Hides Legal Sex option [NonBinary] item on Signup */
label[for="legalSex2"], /* Hides Legal Sex option [X] label on Signup */
#legalSex2, /* Hides Legal Sex option [X] item on Signup */
.immulistSublette, /* Hides Sublette's Custom Immunization Report on the U of U MyChart site */
[class*='error'] .clearlabel, /* Hides blank space at top of openscheduling no appointments available screen so the text does not require scrolling */
.medsmobileapponly,  /* Hides printable meds reports on web. Allows in mobile app */
a[data-id="evisitbutton"],
a.backToListLink svg._SvgSprite._Icon._image,
div.visitdetails div div div div.visitactions div.additional-actions,
.supporthidden	  
{
	display: none !important;
}
/* START: FAQ CSS */
h2[id^="ES_"], h2[id^="AE_"], h2[id^="AP_"], h2[id^="BILL_"], h2[id^="EQ_"], h2[id^="AQ_"], h2[id^="HP_"], h2[id^="MF_"], h2[id^="MR_"], h2[id^="TQ_"], h2[id^="RX_"], h3[id^="AE_"], h3[id^="AP_"], h3[id^="BILL_"], h3[id^="EQ_"], h3[id^="AQ_"], h3[id^="HP_"], h3[id^="MF_"], h3[id^="MR_"], h3[id^="TQ_"], h3[id^="RX_"], h3[id^="ES_"]
{
    font-weight: bold;
    padding-left: 5px;
}
h2[id^="AE_"], h2[id^="AP_"], h2[id^="BILL_"], h2[id^="EQ_"], h2[id^="AQ_"], h2[id^="HP_"], h2[id^="MF_"], h2[id^="MR_"], h2[id^="TQ_"], h2[id^="RX_"], h2[id^="ES_"]
{
    background-color: #C3C3C3 !important;
}
h3[id^="AE_"], h3[id^="AP_"], h3[id^="BILL_"], h3[id^="EQ_"], h3[id^="AQ_"], h3[id^="HP_"], h3[id^="MF_"], h3[id^="MR_"], h3[id^="TQ_"], h3[id^="RX_"], h3[id^="ES_"]
{
	background-color: #F1F1F1 !important;
}
/* END: FAQ CSS */
/* START: Prelogin CSS */
.mainLoginContentBody a:hover {
  text-decoration: none !important;
}
.features .icon-advice,
.features .icon-testResults,
.features .icon-medications,
.features .icon-calendar
{
    border: 1px solid #c3c3c3;
    background-color: #FFFFFF;
}
.preloginleft
{ 
	height: 100px !important; 
	background: rgb(244, 244, 245) no-repeat scroll center !important;
	border: 1px solid rgba(0,0,0,.2);
	border-radius: 3px;
}
.preloginright
{
	height: 100px !important; 
	background: rgb(244, 244, 245) no-repeat scroll center !important;
	border: 1px solid rgba(0,0,0,.2);
	border-radius: 3px;
}
.preloginleft:hover, .preloginleft:focus
{
	border: 1px solid #b10000;
	
}

.preloginright:hover, .preloginright:focus
{
	border: 1px solid #b10000;
}


.preloginimagecontainer div { vertical-align: middle;  }
#communicate_image {  background: transparent url('../images/custom/prelogin/communicate_prelogin.svg') no-repeat scroll center !important; height: 100px; }
#testresults_image {  background: transparent url('../images/custom/prelogin/testresults_prelogin.svg') no-repeat scroll center !important; height: 100px; }
#medications_image {  background: transparent url('../images/custom/prelogin/medications_prelogin.svg') no-repeat scroll center !important; height: 100px; }
#payment_image {  background: transparent url('../images/custom/prelogin/payment_prelogin.svg') no-repeat scroll center !important; height: 100px; }
#appointments_image {  background: transparent url('../images/custom/prelogin/appointments_prelogin.svg') no-repeat scroll center !important; height: 100px; }
#healthplans_image {  background: transparent url('../images/custom/prelogin/healthplans_prelogin.svg') no-repeat scroll center !important; height: 100px; }
.login input#showpwoption {   width: auto;	}
#showpwoption  /* STRY2438367 alignment fix for show password checkbox*/
{
	width: auto;
    display: inline;
    margin-right: 3px;
    text-align: center;
}
#showpwlabel { width: auto; font-size: 15px; text-align: center;} /* STRY2438367 alignment fix*/
#pwshow, .centerbuttons
{
    margin: auto;
    text-align: center;
}
#banneralerttile
{
    text-align: left !important;
    margin: auto !important;
	padding-bottom: 15px;
}
#banneralerttile a
{
    text-align: center !important;
}
a.coronabutton
{
    border-radius: 3px;
    cursor: pointer;
    font-family: inherit;
    font-weight: 500;
    line-height: normal;
    margin-bottom: 5px !important;
    max-width: 100%;
    overflow: hidden;
    vertical-align: middle;
    text-transform: none;
    display: inline-block;
    background-color: #BE0000;
    border: 1px solid #BE0000;
    color: #FFFFFF;
    outline: 0;
    text-decoration: none;
    margin: 0.5rem;
    width: 220px;
    font-size: 14px;
}
 a.coronabuttonspanish /* prelogin page red buttons at bottom of screen */
{
    border-radius: 3px;
    cursor: pointer;
    font-family: inherit;
    font-weight: 500;
    line-height: normal;
    margin-bottom: 10px !important;
    max-width: 100%;
    overflow: hidden;
    vertical-align: middle;
    text-transform: none;
    display: inline-block;
    background-color: #BE0000;
    border: 1px solid #BE0000;
    color: #FFFFFF;
    outline: 0;
    text-decoration: none;
    margin: 0.5em;
    width: 300px;
    font-size: 14px;
}
a.coronabutton:hover,
a.coronabuttonspanish:hover
{
    background-color: #FFFFFF !important;
    color: #BE0000 !important;
}
.blankspace { margin: 0 5px !important; }
.spacerrow { height: 15px !important; }
.redtext { color: #BE0000; }
.redtextconfirm
{
	color: #BE0000;
	font-size: 1.5rem;
}
.greytextconfirm
{
	color: #414042;
	font-size: .9rem;
}
/* END: Prelogin CSS */
/*START Prelogin button flexbox*/

.prelogmobileflex {
    display: flex;
    flex-wrap: wrap;
    width: 100% !important;
}

.flex-item {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    padding: 10px;
}

.preloginright {
    display: flex;
    height: 100px;
    width: 49%;
	margin-left: 1%;
}

.preloginleft {
    display: flex;
    height: 100px;
    width: 49%;
	margin-right: 1%;
}

.image-container {
    flex: 1 0 20%;
}

.preloginButtonText {
    flex: 1 0 80%;
	margin-top: 30px;
	color: #B10000;
	text-align: left;
	vertical-align: middle;
	font-family: "sofia-pro","Century Gothic","Merriweather Sans",sans-serif;
    font-weight: 600;
    letter-spacing: .025em;
    line-height: 1.625;
	font-size: 1em;
}

@media (max-width: 1300px) {
	.prelogmobileflex {
		width: 90% !important;
		margin-left: 5%;
	}	
}

@media (max-width: 1024px) {
    .prelogmobileflex {
		width: 100% !important;
		margin-left: auto;
	}
	
	.flex-item {
        flex: 1 1 80%;
		padding: 0;
    }
  .preloginright {
    width: 100%;
	margin: 5px;
  }
  .preloginleft {
    width: 100%;
	margin: 5px;
  }
}
/*END prelogin button flexbox*/

/*E-Visit CSS STRY2638088*/
p.emergency {
	margin: 20px 0px;
	color:#BE0000;
}
a.ev-tclink {
	color:#68b577;
}

div.e-visit-box {
	text-align: left;
    background-color: #fff;
    border-radius: 5px;
    border: 1px solid #000;
    padding: 20px;
}
.e-visit-box h2, h3 {
	font-size: 1.25rem;
}

.e-visit-box p {
	margin-left: 20px;
	font-size: 1.1rem;
}

p.e-visit-closed {
	font-size: 1.25rem;
	text-decoration: underline;
}

p.e-visit-hours {
	font-style: italic;
}
/*End e-visit css*/	

.recovery a, .links a, .copyright a { text-decoration: underline; }
.cardlist.buttonCards .card { width: 16em !important; }
/* START: OpenScheduling and Visit Type/Provider openscheduling direct link styling */
html.embedded body.embedded.ready { margin: auto; }
body.embedded div.setOfStepsContainer > div.slider div.stepContainer { min-height: 100% !important; }
body.embedded div.setOfStepsContainer div.stepContainer {height: 990px}
div.setOfStepsContainer .stepContainer .openingsContainer > .pretext { overflow-y: visible !important; }
/* END: OpenScheduling and Visit Type/Provider openscheduling direct link styling */
/* START: Support.asp formatting */
#supportwrap { font-family: Source Sans Pro, Calibri, Arial, sans-serif; } /* Sets font family for support.asp page */
div#supportheader /* Support.asp upper MyChart section formatting */
{
	background-color: rgba(255, 255, 255, 0.88);
	
	width: 1024px;
	margin-left: auto;
	margin-right: auto;
}
#supportcontent /* Support.asp Center page size and position formatting */
{
    margin: auto;
    width: 1024px;
}
div#supportcontent div#main { padding: 15px; } /* Support.asp main form page padding */
#non-urgent /* Red border around top medical warning on support.asp form */
{
    border: 1px solid #950E25;
    border-radius: 4px;
}
#non-urgent .warning p .icon { vertical-align: middle; } /* Support.asp warning frame styling */
#non-urgent .warning p .warningtext { padding-left:15px; } /* Support.asp warning frame styling */
#non-urgent .warning > p  /* Support.asp warning frame styling */
{
    margin: 0;
	text-align: center !important;
    padding: 5px 0 5px 0px;
}
Input#txtFirstName.supportasp, Input#txtLastName.supportasp { width: 15rem !important; } /* Keeps name fields large enough to enter longer names */
#supportform input, #supportform select /* Input and select element formatting */
{
    border: 1px solid #DBDBDB;
    line-height: 1.5rem;
}
.reqdfield { color: #950E25; } /* Required field markings red */
body.supportthanks #supportwrap #supportcontent #main { min-height: auto !important; } /* Keeping size for thanks page only what is needed */
#blftwrapper #footer { opacity:100% !important; } /* Support page footer formatting */
textarea#txtIssue /* Support page text comments formatting */
{
	width: 100%;
	border: 1px solid #909090;
    border-radius: 3px;
}
/* END: Support.asp formatting */
form#remotelinksform .formcontents .formsection.card .formsection.center .logo {background:none!important; } /* Hides MyChart logo from other .logo css on Lucy page */
#mustCheck_TRUE,
#mustCheck2_TRUE,
#mustCheck3_TRUE
{ text-align: left !important; }
.medsreportlist { padding-bottom: 15px; }
/* START: Payment and Guest Payment Screen styling */
body #guestPay-content .formbuttons { margin-bottom: 5rem; }
#guestPay-content #extPmtPageFrame, #guestPay-content #iFrameLoadingIndicator {
	height: 45rem !important;
}
#extPmtPageFrame, #visitpayment-content #extPmtPageFrame, #visitpayment-content #iFrameLoadingIndicator {
height: 45rem !important;
}
/* END: Payment and Guest Payment Screen styling */
.LPG .pgSection .pgContent table.tableLayoutFixed,
body.md_labdetail #wrap #content #main .tabcontainer #comments p
 { font-weight: bold !important; }
/* START: MRR Checkbox fix */
.mrrbulleted
{
    margin-left: 50px !important;
    width: 97%;
    list-style-type: disc;
    padding-right: 15px !important;
}
/* END: MRR Checkbox fix */
#graphicHeader:not(:empty) #logout_button, #graphicHeader:not(:empty) #localeswitch { background: #949698 !important; }
#wrap #header .fitme #graphicHeader #header_logo_by_epic img.logo_image {}
html.notile.printcolor body.md_showrep #wrap #main .section .report div .rpt .bothColumns .mainColumn div .LPG table tbody tr td img:not(.allowPrint)
{
	display: block !important;
	width: auto !important;
}
#divQnrQuestionnaire .qnr-main-container #refresh-area #qnr-form #qnr-container .questionnaire-template-container #qnr-scoringqtn-list .row .col-6
{
	width: 100% !important;
}
a.backToListLink
{
    background-color: #ffffff;
    border: 1px solid currentColor;
    box-shadow: none;
    padding-top: calc(0.25rem - 1px);
    padding-bottom: calc(0.25rem - 1px);
    color: #4f868e;
    display: inline-block;
    margin: 0;
	padding-left: 5px;
	padding-right: 5px;
	border-radius: 3px;
}
a.backToListLink:hover
{
    background-color: #edf3f4;
    color: #437279;
	text-decoration: none;
}
.login .recovery a
{
	vertical-align: top;
}
.schedulingstopped .schedulingstoppedcontent .fmtConv div span
{
	color: #BE0000 !important;
	font-size: 12pt !important;
	font-weight: bold !important;
}
#locale_container.midlogin
{
	position: relative !IMPORTANT;
}
#OtherInformation_7
{
	height: 20rem !important;
}
.helptextstyle
{
	font-size: 12pt !important;
	color: #000000 !important;
	text-align: left !important;
}
.narrowbutton
{
	width: 250px !important;
}
body.md_visitslist_index #wrap #content #main div.standardBanner
{
	display: block !important;
}
body.md_login_login #wrap #content #main .logo
{
    margin-bottom: 18px !important;
    margin-top: 10px !important;
}
.coverageInfoDiv .cardline
{
	padding-right: 0rem !important;
}

/* Test Result Details Specific CSS to fix a left alignment issue in custom reports where certain print groups with tables did not have the column header and values aligned STRY2324422 */
.ResultDetails .rpt.StandardII .pgContent tr.columnHeader
{
	text-align: left !important;
}
.ResultingLab {
	display: none !important;
}

#med-list-custom { /*STRY2512659: Medication Refill alignment */
	 list-style-type: disc; 
	 list-style-position: outside; 
	 margin: 0 0 20px 20px;
}

/*li.shortcutButton {
	width: 6rem !important; /*fix for the misaligned buttons on web
}*/

/*Hide the footer links for privacy policy and terms and conditions*/
#mainFooter div.links a:nth-child(4),
#mainFooter div.links a:nth-child(3) {
		display: none;
}

/*START DESKTOP SPECIFIC CSS*/

@media screen and (min-width:769px) {
	#mainFooter { /*Fix footer links STRY2583284*/
		display:block !important;
		text-align: center;
		padding-bottom: 15px !important;
	}
	#mainFooter div:nth-child(2) {
		width: 100%;
		clear: both;
		margin-top: 10px;
		text-align: center;
	}
	
	#Customizable {
		display: inline;
	}	
}

/*SFSTRY0005714*/
div.alignEnd > a:nth-child(2) {display:none;}

/*SFEPIC0001038 coloring of symptom checker buttons*/
body.md_selftriage_load span.tbContainer label, 
body.md_selftriage_load span.tbContainer label.togglebutton {
	color: rgb(54,54,54);
}


/*END DESKTOP SPECIFIC CSS*/

/* START: MOBILE WEB SPECIFIC CSS */
@media screen and (max-width: 1300px)
{
	.preloghideinmobile { display: none !important; }

	#med-list-custom { /*STRY2512659: Medication Refill alignment */
		margin: auto; 
		list-style-position: inside;
	}
}
@media screen and (max-width: 600px)
{
      .preloghideinmobile { display: none !important; }
}
@media only screen and (max-width: 825px) {
#visitpayment-content #extPmtPageFrame, 
#visitpayment-content #iFrameLoadingIndicator,
#payment-content #extPmtPageFrame,
#payment-content #iFrameLoadingIndicator,
#guestPay-content #extPmtPageFrame,
#guestPay-content #iFrameLoadingIndicator {
height: 60rem !important;
}
}

@media only screen and (max-width: 768px) {
/*STRY2512659: Medication Refill alignment */
#AgreementText {
	margin: -5rem 0 5rem 0;
}
/*END STRY2512659*/
}
/* END: MOBILE WEB SPECIFIC CSS */